import React from "react";
import Slider from "react-slick";
import "./index.less";
import VendingMachineHome from "./vending-machine-home";

export default class VendingMachine extends React.Component<any, any> {
  constructor(props) {
    super(props);
    this.state = {};
  }
  static displayName = "VendingMachine";

  static defaultProps = {};
  render() {
    const { homePage, dataWidgetPath, ENV_EDITING } = this.props;

    return (
      <div
        className="qmBar vending-machine-bar"
        data-widget-path={dataWidgetPath}
        style={{ marginBottom: ENV_EDITING ? "40px" : "" }}
      >
        <div className="qmGroup vending-machine-group" data-widget-path={dataWidgetPath}>
          <VendingMachineHome homePage={homePage} />
        </div>
      </div>
    );
  }
}
